import withData from '@/components/Root/withData.js'
import { Component } from 'react'

class RootTypeOne extends Component {
  render () {
    // 生长方向
    let radius = Math.random() * 50
    return (
      <div
        className={`RootTypeOne Root ${this.props.className}`}
        style={{
          '--root-radius': radius,
          '--root-height': this.props.height,
          '--root-width': this.props.width,
          '--grow-times': this.props.growTimes,
        }}>
        {this.props.children}
      </div>
    )
  }
}

export default withData(RootTypeOne);